<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body ng-app="app" ng-controller="formController" ng-cloak>
    <div class='content'>
        <ul class="urlList">
            <li>
                <a href="https://www.processon.com/ " target="_black">在线制图</a>
            </li>
            <li>
                <a href="http://fanyi.baidu.com/" target="_black">百度翻译</a>
            </li>
            <li>
                <a href="https://gitee.com/" target="_black">码云</a>
            </li>
            <li>
                <a href="https://cloud.tencent.com/act/campus" target="_black">10元服务器</a>
            </li>
            <li>
                <a href="http://www.jq22.com/" target="_black">jQ插件库</a>
            </li>
            <li>
                <a href="http://cdn.code.baidu.com/ " target="_black">静态资源库</a>
            </li>
            <li>
                <a href="https://www.tuicool.com/articles/Fru26n" target="_black">SSM搭建</a>
            </li>
            <li>
                <a href="http://www.boledir.com/64iso/905.html#download" target="_black">win7原版</a>
            </li>
            <li>
                <a href="http://central.maven.org/maven2/org/eclipse/jetty/jetty-distribution/" target="_black">jetty各版本</a>
            </li>
            <li>
                <a href="https://www.jetbrains.com/idea/download/#section=windows" target="_black">神器ide</a>
            </li>
            <li>
                <a href="https://www.bejson.com/" target="_black">json校验</a>
            </li>
            <li>
                <a href="http://mvnrepository.com/" target="_black">maven仓库</a>
            </li>
        </ul>
        <!--轮播图-->
        <div style="width: 83.3%;float: left;">
        <div class="carousel slide" id="myCarousel">
            <!-- 轮播指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1" ></li>
                <li data-target="#myCarousel" data-slide-to="2" ></li>
            </ol>
            <!-- 轮播项目 -->
            <div class="carousel-inner" id="carousel-inner">
                
            </div>
            <!-- 轮播导航 -->
            <a href="#myCarousel" class="carousel-control left" data-slide="prev">&lsaquo;</a>
            <a href="#myCarousel" class="carousel-control right" data-slide="next">&rsaquo;</a>

        </div>
        <!--tab选项卡-->
        <div class='navBar'>
            <ul class="nav nav-pills">
                <!-- <li class="actives">
                    <a href="javascript:void(0)">前端技术</a>
                </li>-->
            </ul>
        </div>

        <!-- 视频内容 -->
        <div class="videoBox">
            <ul class="videoUl">
                <li>
                    <a href="javascript:void(0)">
                        <img src="img/4.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <img src="img/4.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <img src="img/4.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/angular.js/1.6.8/angular.min.js"></script>
<script src="js/HttpService.js"></script>
<script src="js/index.js"></script>

<script>

</script>
</html>